$popover-bgcolor-dark: #262c33;
$popover-bgcolor: #303640;

.el-popover.el-popper {
	min-width: auto !important;

	&.is-light {
		background: $popover-bgcolor-dark !important;
	}

	// TODO:  el-popover 只支持 light
	@each $placement, $adjacency in ("top": "left", "bottom": "right", "left": "bottom", "right": "top") {
		&.is-light[data-popper-placement^="#{$placement}"] {
			.el-popper__arrow::before {
				border-color: $popover-bgcolor-dark;
				background: $popover-bgcolor-dark;
			}
		}
	}
}

.editor-popover.el-popover {
	padding: 0;
	border: 0;
	border-radius: 0;

	// TODO:  el-popover 只支持 light
	@each $placement, $adjacency in ("top": "left", "bottom": "right", "left": "bottom", "right": "top") {
		&.is-light[data-popper-placement^="#{$placement}"] {
			.el-popper__arrow::before {
				border-color: $popover-bgcolor;
				background: $popover-bgcolor;
			}
		}
	}
}
